<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <title>身份验证</title>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body class="shenfenyz">
    <!-- 返回 身份验证 -->
    <div class="header">
        <!-- <a href="" class="l hide"><img src="../images/back_icon@2x.png" alt=""></a>
        <p class="l goback hide">返回</p> -->
        <p class="l goback">身份验证</p>
    </div>

    <!-- list -->
    <div class="list">
        <div class="l personMsg">
            <img src="../images/info_icon1@2x.png" alt="" class="grxximg">
            <p class="active grxxp">个人信息</p>
        </div>
        <span class="l"></span>
        <div class="l professionMsg">
            <img src="../images/info_icon4@2x.png" alt="" class="zyxximg">
            <p class="zyxxp">职业信息</p>
        </div>
        <span class="l"></span>
        <div class="l socialRelations">
            <img src="../images/info_icon5@2x.png" alt="" class="shgximg">
            <p class="shgxp">社会关系</p>
        </div>
    </div>

    <div class="box_sfyz">
        
        <!-- 真实姓名…… -->
        <div class="information_1 ">
            <div>
                <p>真实姓名<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r xm" />
            </div>
            <div>
                <p>身份证号<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r sfzh"/>
            </div>
            <div>
                <p>手机号<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r phone" />
            </div>
            <div>
                <p>电子邮箱<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r email" />
            </div>
            <div>
                <p>QQ<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r qq" />
            </div>
        </div>

        <!-- 教育水平…… -->
        <div class="information_2 ">
            <div>
                <p>教育水平<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r jysp">
                <span href="" class="r jysp_a">本科</span>
            </div>
            <div>
                <p>婚姻状况<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r hyzk">
                <span href="" class="r hyzk_a">未婚</span>
            </div>
            <div>
                <p>子女情况<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r znqk"/>
                <span href="" class="r znqk_a">无子女</span>
            </div>
            <div>
                <p>家庭住址<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r jtzz" />
            </div>
            <div>
                <p>居住时长<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r jzsc">
                <span href="" class="r jzsc_a">一年内</span>
            </div>
        </div>

    </div>
    
    <div class="box_sfyz">

        <!-- 从事行业…… -->
        <div class="information_3 hide">
            <div>
                <p>从事行业<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r cshy">
                <span href="" class="r cshy_a">软件开发</span>
            </div>
            <div>
                <p>职业名称<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r zymc" />
            </div>
            <div>
                <p>所在公司名称<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r szgsmc" />
            </div>
            <div>
                <p>公司地址<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r gsdz" />
            </div>
            <div>
                <p>办公电话<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r bgdh" />
            </div>
            <div>
                <p>公司联系人姓名<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r gslxrxm" />
            </div>
            <div>
                <p>公司联系人电话<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r gslxrdh" />
            </div>
        </div>

    </div>
    
    <div class="box_sfyz">

        <!-- 亲属关系…… -->
        <div class="information_4 hide">
            <div>
                <p>亲属关系<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r qsgx">
                <span href="" class="r qsgx_a">父母</span>
            </div>
            <div>
                <p>亲属姓名<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r qsxm" />
            </div>
            <div>
                <p>联系电话<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r lxdh" />
            </div>
        </div>
    
        <!-- 社会关系…… -->
        <div class="information_5 hide">
            <div>
                <p>社会关系<span> *</span></p>
                <img src="../images/right_icon@2x.png" alt="" class="r shgx">
                <span href="" class="r shgx_a">同事</span>
            </div>
            <div>
                <p>联系人姓名<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r lxrxxm" />
            </div>
            <div>
                <p>联系人电话<span> *</span></p>
                <input type="text" placeholder="请输入信息" class="r lxrdh" />
            </div>
        </div>

    </div>

    <!-- 遮罩 选项 -->
    <div class="mask hide">
        <!-- 选项盒子 -->
        <div class="containers">
                <div class="swiper-container swiperone">
                  <div class="swiper-wrapper">
                  </div>
                </div>
        </div>
        <!-- 确定按钮 -->
        <div class="fix_btn">确定</div>
    </div>

    <!-- 下一步 -->
    <div class="btn grxx_btn">
        下一步
    </div>
    <div class="btn zyxx_btn hide">
        下一步
    </div>
    <div class="btn shgx_btn hide">
        下一步
    </div>
    <script src="../src/jquery/jquery-3.3.1.min.js"></script>
    <script src="../src/jquery/swiper.min.js"></script>
    <script src="../src/jquery/layer-v3.1.1/layer/layer.js"></script>
    <script src="../src/cookie.js"></script>
    <script src="../src/global.js"></script>
    <script src="../src/js/gongzhong.js"></script>
    <script src="../src/js/shenfenyz.js"></script>
    
</body>
</html>